<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </link>
</head>
<style>
    html,
    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .box{
        width: 100%;
        height: 100%;
    }

    .line{
        width: 100%;
        height: 10%;
        display: flex;
        flex-shrink: 0;
        margin-top: -1%;
        &:nth-child(even){
            transform: translateX(-5%);
        }
    }

    .item {
        width: 10%;
        height: 100%;
        /* background-color: aqua; */
        /* border: 1px solid red; */
        -webkit-clip-path: polygon(50% 3%, 93% 26%, 93% 75%, 50% 99%, 6% 75%, 6% 25%);
        clip-path: polygon(50% 3%, 93% 26%, 93% 75%, 50% 99%, 6% 75%, 6% 25%);
        background-image: url('./img/copy.png');
    }
</style>

<body>
    <div class="box">
        <div class="line">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div>
        <div class="line">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div>
        <div class="line">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div>
    </div>
</body>

</html>